<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name = "viewport" content = "width = device-width, initial-scale = 1, user-scalable = no">
	<title>小説家名鑑</title>
	<link rel="stylesheet" href="style/style.css" />
	<script src="js/jquery-1.5.1.min.js"></script>
	<!--
	http://benalman.com/projects/jquery-hashchange-plugin/
	-->
	<script src="js/jquery.ba-hashchange.min.js"></script>
	<!--
	http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js
	-->
	<script src="js/jquery.tmpl.min.js"></script>
	<script src="js/script.js"></script>
	
	<!-- WebSocket Widget -->
	<script src="js/wswidget.js"></script>
</head>
<body>
	<div id=main>
		<!-- BEGIN:: HEADER -->
		<header>
			<div class=left>&nbsp;<div class=back><a href="#">戻る</a></div></div>
			<h1>小説家名鑑</h1>
		</header>
		<!-- FINISH:: HEADER -->
		
		<!-- BEGIN:: CONTENTS -->
		<div id=contents>
			
			<!-- BEGIN:: NAVIGATION BLOCK -->
			<nav>
				<ul></ul>
				<br><br><br><br><br><br><br><br><br><br>
			</nav>
			<!-- FINISH:: NAVIGATION BLOCK -->
			<!-- BEGIN:: NAVIGATION TEMPLATES -->
			<script id="navPCTemplate" type="text/x-jquery-tmpl">
		        <li><a href="#${id}">${name}</a></li>
			</script>
			<script id="navSMPTemplate" type="text/x-jquery-tmpl">
				<li>
					<a href="#${id}">
						<div class=navsmpimg style="background:url(${image_url}) center center no-repeat"></div>
						<div class=navsmpname>${name}</div>
					</a>
				</li>
			</script>
			<!-- FINISH:: NAVIGATION TEMPLATES -->

			<!-- BEGIN:: BODY BLOCK -->
			<section id=body_></section>
			<!-- FINISH:: BODY BLOCK -->
			<!-- BEGIN:: BODY TEMPLATE -->
			<script id="bodyTemplate" type="text/x-jquery-tmpl">
				<article class=text>
					<h2>${name}</h2>
					<section class=image>
						<img src="${image_url}">
					</section>
					<p>${text}</p>
				</article>
			</script>
			<!-- FINISH:: BODY TEMPLATE -->
			<div class=c></div>
		</div>
		<!-- FINISH:: CONTENTS -->

		<!-- BEGIN:: FOOTER -->
		<footer>
			&copy; Kensaku KOMATSU, 2011
		</footer>
		<!-- FINISH:: FOOTER -->
	</div>
</body>
</html>
